

.touch-page {
  // @media screen and (max-width: 990px) {
  //   height: calc(100% - 50px);
  // }
  // @media screen and (min-width: 991px) {
  //   height: 100%;
  // }
  height: 100%;
}

.b_red {
  border: solid 1px red;
}
.b_green {
  border: solid 1px green;
}
.b_yellow {
  border: solid 1px yellow;
}
.b_rebeccapurple {
  border: solid 1px rebeccapurple;
}
.b_aqua {
  border: solid 1px aqua;
}
.b_darkblue {
  border: solid 1px darkblue;
}
.b_cadetblue {
  border: solid 1px cadetblue;
}


.singe-line {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}


.block_button {
  max-width: 260px;
}

.hljs {
  padding: 8px;
  border-radius: 8px;
  margin: 8px 0;
  box-sizing: border-box;
  background: #ededed;
  // width: 100%;
  // display: flex;
  white-space: pre-wrap; /* 换行 */
  word-wrap: break-word; /* 单词换行 */
  word-break:break-all;
  .hljs-code{
    // width: 200px;
    // flex: 1;
    white-space: pre-wrap; /* 换行 */
    word-wrap: break-word; /* 单词换行 */
    word-break:break-all;
  }
}


.input-btn {
  height: 28px !important;
}


.scroll-view-show {
  // 滚动条样式
  ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px !important;
    height: 6px !important;
    overflow: auto !important;
    background: #ccc !important;
    -webkit-appearance: auto !important;
    display: block;
  }

  ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(60, 60, 60, 0.2) !important;
    background: rgba(48, 168, 255, 0.6) !important;
  }

  ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    // box-shadow: inset 0 0 5px rgba(60, 60, 60, 0.2) !important;
    // border-radius: 10px !important;
    background: #ffffff !important;
  }
}